<template>
  <div class="container bg2" style="height: 900rpx">
    <div class="title">
      <h2>合作企业众多，毕业后推荐就业</h2>
      <p class="f-title"></p>
    </div>
    <ul>
      <li>
        <h2 style="color: #f7dbce">一对一职业规划</h2>
        <p style="color: #fff; font-size: 12px">
          提供专业的就业指导和职业规划，为学员创造多样化从业机会
        </p>
      </li>
      <li>
        <h2 style="color: #f7dbce">就业老师面授指导</h2>
        <p style="color: #fff; font-size: 12px">
          提升毕业学员求职水平和面试成功率
        </p>
      </li>
      <li>
        <h2 style="color: #f7dbce">全程模拟面试</h2>
        <p style="color: #fff; font-size: 12px">
          为其量身定制方案，助力学员拿到企业offer
        </p>
      </li>
    </ul>
    <div class="more-btn">咨询更多就业机会</div>
  </div>
</template>
<script setup></script>
<style lang="scss" scoped>
ul {
  width: 100%;
  padding: 20rpx;
  box-sizing: border-box;
  li {
    margin: 0 auto 27rpx;
    width: 100%;
    height: 133rpx;
    background: url(@/assets/course/p8-li.png) no-repeat center;
    background-size: 705rpx 133rpx;
    h2 {
      font-size: 30rpx;
      line-height: 68rpx;
      width: 312rpx;
      color: #5d5d5d;
      text-align: center;
    }
    p {
      font-size: 12rpx;
      line-height: 56rpx;
      color: #fff;
      text-indent: 17rpx;
    }
  }
}
</style>
